﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新闻中心</title>
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/css.css">
  <script src="./js/swiper-bundle.min.js"></script>
</head> 
<body>
  <div class="main">
    <div class="navBarBox">
      <div class='navBar'>
        <a href="#" class="logo"><img src="./images/logo.png" width="213" /> </a>
        <ul class="menuBar">
          <li><a href="./index.html">首页</a></li>
          <li><a href="./about.html">关于我们</a></li>
          <li><a href="./product.html">公司产品</a></li>
          <li><a href="./market.html">市场营销</a></li>
          <li><a href="./news.html" class="cur">新闻中心</a></li>
          <li><a href="./joinus.html">人才招聘</a></li>
          <li><a href="./findus.html">联系反馈</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- main -->
 
  <div class=" newsDetail">
    <h4 class="breadcrumb">新闻中心 > 新闻1 > 精益的生产</h4>
    <div class="newsDetailBox">
      
      <div class="swiper" >
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/1.png" width="640" ></div>
                <p>CDS系统</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/2.png" width="640" ></div>
                <p>LIMS系统</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/3.png" width="640" ></div>
                <p>二期项目</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/4.png" width="640" ></div>
                <p>扶正化瘀国家高技术产业化示范工程二期项目</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/5.jpg" width="640" ></div>
                <p>示范工程二期</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/6.png" width="640" ></div>
                <p>数字化运营</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/7.png" width="640" ></div>
                <p>质控和公益研究组</p>
              </div>
            </div>
            <div class="swiper-slide swiper-slide-1">
              <div>
                <div><img src="./images/about4/8.png" width="640" ></div>
                <p>质量标准研究组</p>
              </div>
            </div>
        </div>
        <!-- If we need pagination -->
        <!-- <div class="swiper-pagination"></div> -->

        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- If we need scrollbar -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>


    <script>

      const swiper = new Swiper('.swiper', {
          effect: 'coverflow',
          loop: true,
          // grabCursor: true,
          centeredSlides: true,
          slidesPerView: 'auto',
          coverflowEffect: {
              rotate: 0,
              stretch: 400,
              depth: 600,
              modifier: 0.9,
              slideShadows: false,
          },
          // pagination: {
          //     el: '.swiper-pagination',
          // },
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          },
      });

      // 监听改变事件
      swiper.on('slideChange', (e) => {
          console.log(e.realIndex);
      });
  </script>

    </div>
  </div>
  <!-- footer -->
  <div class="footerBox">
    <div class="footer">
      <div class="tel">上海现代中医药股份有限公司      400-6666-23888</div>
      <div class="footerMain">
        <div class="footerMenu">
          <dl>
            <dt><a href="#">首页</a></dt>
            <dd></dd>
          </dl>
          <dl>
            <dt><a href="#">关于我们</a></dt>
            <dd>
              <a href="#">公司介绍</a>
              <a href="#">企业理念</a>
              <a href="#">大事记</a>
              <a href="#">组织架构</a>
              <a href="#">资质荣誉</a>
              <a href="#">全球合作</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="#">公司产品</a></dt>
            <dd>
              <a href="#">医药产品</a>
              <a href="#">保健品</a>
              <a href="#">新药开发</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="#">市场营销</a></dt>
            <dd>
              <a href="#">营销网络</a>
              <a href="#">保健品</a>
              <a href="#">招商信息</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="#">新闻中心</a></dt>
            <dd>
              <a href="#">公司新闻</a>
              <a href="#">行业动态</a>
              <a href="#">扶正化瘀专题报道</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="#">人才招聘</a></dt>
            <dd>
              <a href="#">人才理念</a>
              <a href="#">招聘信息</a>
            </dd>
          </dl> 
          <dl>
            <dt><a href="#">联系反馈</a></dt>
            <dd>
              <a href="#">给我留言</a>
              <a href="#">常见问题解答</a>
            </dd>
          </dl>
        </div>
        <div class="weixin">
          <dl>
            <dt><img src="./images/weixin.png" alt=""></dt>
            <dd>现代中医药官方微信</dd>
          </dl>
          <dl>
            <dt><img src="./images/weixin2.png" alt=""></dt>
            <dd>扶正化瘀官方微信</dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright">
    @ COPYRIGHT 2020 .ALL RiGHT RESERRD 版权所有 <a href="http://beian.miit.gov.cn/" target="_blank">沪ICP 备1587854号</a> 
  </div>
</body>
</html>

